import { createStore } from 'vuex'

export default createStore({
  //定义所需要的状态
  state: {
  list:[
    {
      title:'吃饭',
      complete:false
    },
    {
      title:'读书',
      complete:true
    },
    {
      title:'写字',
      complete:false
    },
  ]
  },
  getters: {
  },
  //同步修改state 都是方法 不能做异步方法
  //第一个参数为state 第二个参数是需要修改的值
  mutations: {
   //添加任务(payload为添加的任务)
   addTodo(state,payload){
    state.list.push(payload)
   },
   //删除任务 splice(下标,个数)payload为删除的下标
   delTodo(state,payload){
    state.list.splice(payload,1)
   },
   //清除已完成(payload为已经过滤之后的数据)
   clear(state,payload){
    //把过滤之后的数组传进来
    state.list=payload
   }
    },
  //异步提交mutations
  //第一个参数是store  第二个参数是修改的值
  actions: {
    
  },
  //模块化
  modules: {
  }
})
